.enter_exam {
  background: #eff3f7;
}
.el-main {
  width: 70%;
  padding: 82px 240px 20px 350px;
}
.el-main > .tibox > .el-radio {
  margin-right: 20px;
  display: block;
}

.leftXu {
  position: relative;
  top: 0;
  vertical-align: top;

  margin-right: 3px;
  display: inline-block;
  width: 18%;
  background: #eee;
  line-height: 20px;
}
.leftXu > div {
  text-align: center;
}

.el-main .tech-support {
  text-align: center;
  position: relative;
  left: 0;
  bottom: 0px;
  width: 100%;
  color: #c1c1cb;
}
.tiItem {
  border-top: 1px solid #eee;
  padding-bottom: 40px;
  width: 100%;
}
.tiItem > p {
  overflow: hidden;
}

.tiItem > p > span:first-child {
  color: rgb(0, 151, 201);
  font-weight: 400;
}
.tiItem > p > span:last-child {
  float: right;
}

.datikaTop {
  background: dodgerblue;
}

.asc_bottom {
  background: #fff;
  overflow: hidden;
  position: fixed;
  bottom: 21px;
  left: 111px;
  width: 200px;
  border-top: 1px solid #eee;
  padding: 17px 0;
  padding-top: 15px;
}

.asc_bottom > div {
  float: right;
}
.asc_bottom > div > span {
  font-size: 13px;
}
.asc_bottom > div > span > div {
  width: 10px;
  height: 10px;
  background: #eee;
  display: inline-block;
}

.asc_bottom > div > span:first-child > div {
  background: dodgerblue;
}

.lfftbox {
  padding: 10px;
  position: relative;
  /* height: 100px; */
}

.rightBox {
  padding: 50px 0;
}

.tigBot {
  position: absolute;
  bottom: 10px;
}

.questions-title {
  font-size: 18px;
  line-height: 25px;
  padding: 18px 20px;
  background: #fafafa;
  border-bottom: 1px solid #dedede;
  position: relative;
}

html,
body {
  min-height: 100%;
  background: #eff3f7;
}

table td,
table th {
  /* border: 1px solid #999; */
  /* padding: 3px 5px; */
  min-width: 50px;
  height: 20px;
  box-sizing: border-box;
  line-height: 1;
}

.main {
  padding: 90px 290px 80px;
  position: relative;
  overflow: auto;
}

.questions {
  -webkit-touch-callout: none; /* iOS Safari */

  -webkit-user-select: none; /* Chrome/Safari/Opera */

  -khtml-user-select: none; /* Konqueror */

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* Internet Explorer/Edge */

  user-select: none; /* Non-prefixed version, currently*/
}

/*禁止复制粘贴*/
[contenteditable="true"],
input,
textarea,
.wangEditor-txt {
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  /*mindmup/bootstrap-wysiwyg/*/
  -o-user-select: none !important;
  user-select: none !important;
}

/*技术支持*/
.main .tech-support {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  color: #c1c1cb;
}

.main .tech-support .company-name {
  color: #9699a4;
}

/*.header-wrapper*/
.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;

  height: 70px;
  width: 100%;
  /* line-height: 70px; */
  /* padding-left: 220px; */
  /* padding-right: 400px; */
  background: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(153, 153, 153, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
}

.header-wrapper .exam-name {
  font-size: 22px;
  color: #27274a !important;
  /* color: #1a8cfe; */
  /* padding-left: 20px; */
}

.header-wrapper .logo-wrapper {
  height: 100%;
  width: 211px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
}

.header-wrapper .logo-wrapper .icon-logo {
  max-width: 90%;
  max-height: 54.3%;
}

.header-wrapper .user {
  position: absolute;
  right: 140px;
  top: 0;
  max-width: 260px;

  font-size: 14px;
}

.header-wrapper .user .icon {
  color: #1a8cfe;
  font-size: 16px;
  margin-right: 7px;
  line-height: 70px;
}

.header-wrapper .logout {
  position: absolute;
  top: 18px;
  right: 80px;
  padding: 0 20px;
  line-height: 32px;
  height: 34px;
}

/*nav-wrapper*/
.nav-wrapper {
  position: fixed;
  right: 220px;
  top: 90px;
  width: 120px;
}

.nav-wrapper.nav-wrapper-l {
  bottom: 80px;
}

.nav-wrapper .nav {
  color: #27274a;
  line-height: 20px;
  width: 100%;
  padding: 0 10px;
  background: #ffffff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin-bottom: 10px;
  text-align: center;
}

.nav-wrapper .btn-nav {
  width: 100%;
  margin-bottom: 10px;
}

.nav-wrapper .nav .menu-item + .menu-item {
  border-top: 1px solid #dedede;
}

.nav-wrapper .nav .menu-item.disabled {
  color: #c1c1cb;
  cursor: not-allowed;
}

.nav-wrapper .nav.nav-status .menu-item {
  padding: 12px 0;
  /*height: 69px;*/
}

.nav-wrapper .nav.nav-status .menu-operation-item {
  height: 74px;
}

/*用户信息*/
.nav-status .menu-item-user .item-label {
  margin-bottom: 3px;
}

.nav-status .menu-item-user .item-data {
  font-size: 14px;
  line-height: 22px;
  color: #1a8cfe;
  font-weight: 400;
}

.nav-wrapper .nav.nav-status .menu-item.menu-item-user {
  height: auto;
}

/*时间,考试成绩(未通过)，考试状态*/
.nav-status .menu-item-time .item-label,
.nav-status .menu-item-exam .item-label {
  margin-bottom: 3px;
}

.nav-status .menu-item-time .item-data,
.nav-status .menu-item-exam .item-data {
  font-size: 18px;
  line-height: 22px;
  color: #ff0000;
  font-weight: 400;
}

.nav-status .menu-item-exam.menu-item-status .item-data {
  font-size: 14px;
  line-height: 20px;
}

/*通过*/
.nav-status .menu-item-exam.menu-item-pass .item-data {
  color: #1a8cfe;
}

/*进度*/
.nav-status .menu-item-process .item-label {
  margin-bottom: 4px;
}

.nav-status .menu-item-process .item-data {
  line-height: 17px;
  margin-bottom: 7px;
}

.nav-status .menu-item-process .item-data.have-unsaved {
  color: #ff4b50;
}

.nav-status .menu-item-process .item-process {
  height: 4px;
  width: 100%;
  border-radius: 2px;
  background: #f1f3f8;
  position: relative;
}

.nav-status .menu-item-process .item-process .item-process-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  border-radius: 2px;
  background: #1a8cfe;
}

.nav-wrapper .nav.nav-operation .menu-item {
  padding: 14px 0;
}

.nav-wrapper .nav.nav-operation .menu-item.menu-item-calculator {
  cursor: pointer;
}

/*字号*/
.nav-operation .menu-item-fontsize .item-icon {
  width: 15px;
  height: 15px;
  border: 1px solid #dedede;
  border-radius: 2px;
  cursor: pointer;
  font-size: 12px;
  display: inline-block;
  line-height: 13px;
}

.nav-operation .menu-item-fontsize .item-icon:hover {
  background: #f1f3f8;
}

.nav-operation .menu-item-fontsize .item-label {
  margin: 0 7px;
}

/*中英文，上一人下一人*/
.nav-operation .menu-item-lang,
.nav-operation .menu-item-card,
.nav-operation .menu-item-prev,
.nav-operation .menu-item-next {
  cursor: pointer;
}

.nav-operation .menu-item-lang:hover,
.nav-operation .menu-item-card:hover,
.nav-operation .menu-item-prev:hover,
.nav-operation .menu-item-next:hover {
  color: #1a8cfe;
}

.nav-operation .menu-item-lang .item-icon,
.nav-operation .menu-item-card .item-icon {
  margin-right: 2px;
  font-size: 20px;
  line-height: 20px;
  vertical-align: sub;
}

/*有固定底部的按钮*/
.nav-wrapper-l .nav-bottom {
  position: absolute;
  bottom: 44px;
}

.nav-wrapper-l .btn-bottom {
  position: absolute;
  bottom: 0;
  margin: 0;
  height: 40px;
}

/**********************************************************************/
/*试卷主体*/
/*.body-wrapper*/
.body-wrapper {
  padding-right: 140px;
  position: relative;
}

.body-wrapper .paper {
  color: #27274a;
  width: 100%;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
}

/*空页面*/
.body-wrapper .paper .content-empty {
  margin: 80px 0;
}

/*大题*/
.paper .questions {
  border-bottom: 1px solid #dedede;
}

.paper .questions:last-child {
  border-bottom: none;
}

.paper .questions .questions-title {
  font-size: 18px;
  line-height: 25px;
  padding: 18px 20px;
  background: #fafafa;
  border-bottom: 1px solid #dedede;
  position: relative;
}

.paper .questions .questions-title .question-detail-info {
  font-size: 14px;
  color: #3a3e51;
  position: absolute;
  right: 30px;
  top: 18px;
}
/* 大题说明 */
.paper .questions .questions-title .question-intro {
  font-size: 14px;
  font-weight: 400;
  color: #3a3e51;
  line-height: 20px;
  margin-top: 5px;
}

.paper .questions .questions-content {
  padding-left: 30px;
  padding-right: 30px;
}

/*成绩查询批改*/
.manmade-mode [class|="switch"] {
  width: 46px;
  height: 24px;
}

.manmade-mode [class|="switch"] .slider {
  width: 22px;
  height: 22px;
}

.manmade-mode .switch-on .slider {
  left: 22px;
}

.manmade-mode .paper .questions .questions-content {
  padding-right: 210px;
}

/*小题*/
.paper .questions .questions-content .question-content {
  padding: 30px 0;
  position: relative;
}

.paper .questions .questions-content .question-content + .question-content,
.paper
  .questions
  .questions-content
  .question-content
  + .question-offline-inner-tip {
  border-top: 1px solid #dedede;
}

.paper
  .questions
  .questions-content
  .question-content
  + .question-offline-inner-tip {
  padding-top: 10px;
}

.paper
  .questions
  .questions-content
  .question-offline-inner-tip
  + .question-content {
  padding-top: 10px;
}

.questions-content .question-content .exam-question {
  display: flex;
  align-items: flex-start;
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 10px;
  /* padding-left: 20px; */
  padding-right: 20px;
  position: relative;
}

.exam-question .question-type-name + .question-name > p:first-child {
  /* display: inline-block; */
  display: inline;
}
.exam-question .question-type-name + .question-name * {
  text-indent: 0;
}

/**** 修改下载附件样式 *****/
.paper .questions .questions-content .question-content .exam-question a.upfile {
  /*font-family: PingFangSC-Regular;*/
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  display: inline-block;
  margin-top: 20px;
  text-decoration: underline;
  color: #c1c1cb;
}

.paper
  .questions
  .questions-content
  .question-content
  .exam-question
  a.upfile::before {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15.8px;
  height: 18px;
  content: "";
  margin-right: 10px;
  vertical-align: middle;
}

.paper
  .questions
  .questions-content
  .question-content
  .exam-question
  a.upfile:hover {
  color: #1a8cfe;
}

/* 设备异常，试题遮罩 */
.paper-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #3a3e51;
  z-index: 2;
}

.paper-mask__content {
  width: 500px;
  margin: 104px auto 0;
  color: #fff;
  position: fixed;
  left: 50%;
  transform: translateX(-38%);
}

.paper-mask__content .mask__header {
  margin-bottom: 30px;
}

.paper-mask__content .mask-header {
  font-size: 20px;
  line-height: 28px;
}

.paper-mask__content .mask__body {
  padding: 20px 30px;
  text-align: center;
}

.paper-mask__content .mask__body {
  font-size: 14px;
  line-height: 20px;
  margin: 15px 0;
}

.paper-mask__content .mask__body .reason-item:not(:last-child) {
  margin-bottom: 10px;
}
.paper-mask__content .mask__body .reason-item .font {
  height: 45px;
  padding-left: 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
.paper-mask__content .mask__body .reason-item .font .cont {
  width: 5px;
  height: 5px;
  background: #fe8545;
  margin-right: 10px;
}
.paper-mask__content .mask__body .reasonPhone #phoneCameraQr {
  width: 120px;
  height: 120px;
  background: #f1f3f8;
  padding: 4px;
  box-sizing: border-box;
  margin-left: 45px;
}
.paper-mask__content .mask__footer {
  margin-top: 20px;
}

.paper-mask__content .mask-footer {
  float: right;
}

.paper-mask__content .mask-footer a {
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
}

.paper-mask__content .mask-footer a:not(:last-child) {
  margin-right: 30px;
}
/************ 结束 ************/

.paper
  .questions
  .questions-content
  .question-content
  .exam-question
  .question-index {
  color: #1a8cfe;
  position: absolute;
  left: -25px;
  top: 0;
  display: inline-block;
  width: 41px;
  line-height: 22px;
  text-align: right;
}

/*单选，多选，判断*/
.questions-content .select label {
  width: 100%;
  padding: 10px 15px 10px 45px;
  line-height: 20px;
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
  position: relative;
  /*空选项高度*/
  min-height: 40px;
}

.questions-content .select label .select-icon {
  font-size: 15px;
  position: absolute;
  left: 15px;
  top: 12.5px;
  border: 1px solid #979797;
  background: #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.questions-content .select label .select-icon .icon {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
}

/*判断*/
.questions-content .select.judge label .select-icon {
  border: none;
}

.questions-content .select.judge label .select-icon .icon {
  display: inline-block;
  color: #c1c1cb;
}

/*多选*/
.questions-content .select.multi-select label .select-icon {
  border-radius: 2px;
}

/*hover（hover状态只针对真实考试）,选中*/
.exam-mode .question-content .select label:hover {
  background: #fafafa;
  color: #1a8cfe;
}

.question-content .select .radioOrCheck:checked + label {
  color: #1a8cfe;
}

.exam-mode .question-content .select:hover label .select-icon,
.question-content .select .radioOrCheck:checked + label .select-icon {
  border-color: #1a8cfe;
}

/*.exam-mode .question-content .select:hover label .select-icon .icon,*/
.question-content .select .radioOrCheck:checked + label .select-icon .icon {
  display: inline-block;
}

/*判断*/
.exam-mode .questions-content .select.judge label:hover .select-icon .icon,
.question-content
  .select.judge
  .radioOrCheck:checked
  + label
  .select-icon
  .icon {
  color: #1a8cfe;
}

/*填空题*/
.questions-content .filled {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
}

.questions-content .filled .input-group-addon {
  padding: 7px 12px;
  font-size: 12px;
}

.questions-content .filled .keyFill {
  border-radius: 0;
  height: 34px;
  padding: 7px 10px;
  -webkit-user-select: text !important; /* safari 填空题无法作答 */
}
/* 填空题公式题 */
.formula-box .icon {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.75) rotate(90deg);
}

.questions-content .filled .input-group .formula-box,
.questions-content .filled .input-group .formula-preview {
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
}

.questions-content .filled .input-group .formula-box {
  border-left: none;
}

/*问答题*/
.question-content .filled .keyCloze {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 10px;
}

.question-content .filled .wangEditor-container .keyCloze {
  border-radius: 0;
  border: none;
  background: transparent;
  padding: 0 15px 15px;
  -webkit-user-select: text !important; /* safari 问答题无法作答 */
}

.question-content .filled .wangEditor-container .count-container {
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  color: #6d717c;
  margin: 5px 12px 8px 0;
}

.question-content .filled .file-list {
  margin-top: 10px;
}

.question-content .file-row.fileIsUploading .icon-file-delete {
  display: none;
}

.question-content .filled .file-list .file-row,
.question-content .filled .keyCloze .file-row {
  height: 20px;
  line-height: 20px;
  position: relative;
  color: #3a3e51;
  white-space: nowrap;
}

.question-content .filled .file-list .file-row + .file-row,
.question-content .filled .keyCloze .file-row + .file-row {
  margin-top: 5px;
}

.question-content .filled .file-list .file-row .file,
.question-content .filled .keyCloze a {
  padding: 0 10px;
  text-decoration: underline;
  vertical-align: middle;
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.question-content .filled .file-list .file-row .icon {
  color: #dcdfe6;
  cursor: pointer;
  font-size: 12px;
}
.question-content .filled .file-list .file-row .file-upload-tip {
  width: 266px;
  height: 20px;
  background: #f7f8fa;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #6d717c;
  padding-left: 10px;
  position: relative;
}

.question-content .filled .keyCloze {
  overflow: auto;
  position: relative;
  padding-bottom: 20px;
}

.question-content .filled .keyCloze .count-container {
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  color: #6d717c;
  margin: 0 12px 8px 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

.question-content .filled .keyCloze table td,
.question-content .filled .keyCloze table th {
  /* border: 1px solid #999; */
  padding: 3px 5px;
  min-width: 50px;
  height: 20px;
  box-sizing: border-box;
  line-height: 1;
}

/*组合题*/
.paper .questions .questions-content .question-content.question-comb {
  padding-bottom: 0;
}

.paper .questions .questions-content .question-insert-list {
  /*background: rgba(222,222,222,0.2);*/
  border-radius: 4px;
}

/*.paper .questions .questions-content .question-insert-list:last-child{*/
/*    margin-bottom: 30px;*/
/*}*/
.paper .questions .questions-content .question-content.question-insert {
  padding: 20px;
  border: none;
  background: #fafafa;
  border-radius: 4px;
  margin-bottom: 20px;
}

.paper
  .questions
  .questions-content
  .question-content.question-insert:last-child {
  /*padding-bottom: 0;*/
}

.paper
  .questions
  .questions-content
  .question-content.question-insert
  .exam-question {
  padding-left: 30px;
}

.questions-content .question-insert .select label {
  padding-left: 60px;
}

.questions-content .question-insert .select label .select-icon {
  left: 30px;
}

/*组合题固定*/
.paper .questions .questions-content .question-content.question-comb.isStuck {
  margin-top: 70px;
  left: 350px;
  /* right: 230px; */
  background: #fff;
  z-index: 1040;
  border: 1px solid #e6e6e6;
  /* padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 10px; */
  padding: 20px 30px 10px 30px;
}

.paper
  .questions
  .questions-content
  .question-content.question-comb.isStuck
  .question-operation {
  right: 45px;
  z-index: 2;
}

/*录音题部分*/
/* Styles for recorder buttons */
.question-content .record {
  margin-top: 20px;
}
.question-content .record .recorder {
  width: 380px;
  margin-bottom: 35px;
}
.question-content .record .recorder audio {
  width: 100%;
}
.question-content .record .recorder .btn {
  padding: 0 5px;
  height: 34px;
  width: 80px;
  vertical-align: top;
}

.question-content .record .recorder .btn.uploading {
  display: none;
}

.question-content .record .recorder .upload object {
  position: relative;
  top: 2px;
  z-index: 1040;
}

/* Styles for level indicator - required! */
.question-content .record .recorder .level {
  height: 34px;
  width: 50px;
  position: relative;
}

.question-content .record .recorder .upload {
  width: auto;
  min-width: 80px;
  height: auto;
  min-height: 34px;
}

.question-content .record .recorder .upload p {
  margin: 0;
}

.question-content .record .recorder .progress {
  position: absolute;
  height: 0;
  margin: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #1a8cfe;
  border-radius: 0;
}

/*录音列表*/
.question-content .record .audio-list .audio-row {
  margin-top: 10px;
  position: relative;
  width: 380px;
}

.question-content .record .audio-list .audio-row audio {
  width: 100%;
}

.question-content .record .audio-list .audio-row .icon-audio-delete {
  position: absolute;
  top: 50%;
  right: -30px;
  font-size: 20px;
  color: #1a8cfe;
  cursor: pointer;
  margin-top: -10px;
}

/* 录音题样式--逐题模式 */
.exam-onebyone-mode .question-content .record .recorder {
  width: auto;
  max-width: 440px;
}
.exam-onebyone-mode .question-content .record .audio-list .audio-row {
  width: 100%;
  font-size: 0;
  max-width: 440px;
}
.exam-onebyone-mode .question-content .record .audio-list .audio-row audio {
  width: calc(100% - 30px);
  /*max-width: 380px;*/
}
.exam-onebyone-mode
  .question-content
  .record
  .audio-list
  .audio-row
  .icon-audio-delete {
  right: 0;
}

/*答案解析*/
.question-content .analysis {
  border-radius: 4px;
  padding: 20px;
  line-height: 24px;
  margin-top: 10px;
  position: relative;
  background: #fafafa;
  position: relative;
}

/* 回答正确/错误 */
.question-content .analysis .result-container {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 20px;
}

.question-content .analysis .result-container .icon-m_exam_parsing {
  font-size: 18px;
  line-height: 1;
  color: #fff;
  padding: 1px;
  margin-right: 10px;
  border-radius: 4px;
  vertical-align: text-bottom;
}

.question-content .analysis .result-container .icon-m_exam_parsing.error {
  background-color: #ff4b50;
}

.question-content .analysis .result-container .icon-m_exam_parsing.right {
  background-color: #1dc88c;
}

/* 收藏/反馈 */
.question-content .analysis .operation-container {
  /* width: auto;
    height: auto; */
  position: absolute;
  top: 20px;
  right: 20px;
  color: #6d717c;
  font-size: 12px;
  line-height: 16px;
  /* cursor: auto; */
}

.question-content .analysis .operation-container .item {
  cursor: pointer;
}

.question-content .analysis .operation-container .item:not(:last-child) {
  margin-right: 20px;
}

.question-content .analysis .operation-container .icon {
  font-size: 16px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

.question-content .analysis .operation-container .icon-m_exam_collection_se {
  color: #fe8545;
}

/*解析*/
.question-content .analysis-tip {
  margin-bottom: 20px;
}
.question-content .analysis-tip .iconfont {
  font-size: 20px;
}
.question-content .analysis-tip.error .iconfont {
  color: #ff4b50;
}
.question-content .analysis-tip.right .iconfont {
  color: #1dc88c;
}
.question-content .analysis-tip .error-tip-words,
.question-content .analysis-tip .right-tip-words {
  display: none;
  font-size: 16px;
  color: #3a3e51;
  margin-left: 10px;
  font-weight: 500;
}
.question-content .analysis-tip.error .error-tip-words,
.question-content .analysis-tip.right .right-tip-words {
  display: inline;
}

/*题目正确错误标记*/
/* .question-content .analysis .question-icon-wrapper {
    position: absolute;
    right: 10px;
    top: 14px;
}

.question-content .analysis .question-icon .icon {
    display: none;
    position: absolute;
    color: #fff;
    top: 2px;
    right: 2px;
    font-size: 12px;
}

.question-content .analysis .question-icon .sign {
    display: none;
    position: absolute;
    color: #fff;
    top: 0;
    right: 0;
    font-size: 14px;
    width: 48px;
    height: 28px;
    border-radius: 2px;
    line-height: 28px;
    text-align: center;
}

.question-content .analysis .question-icon.right .icon-right {
    background: #1A8CFE;
}

.question-content .analysis .question-icon.error .icon-error {
    background: #FF4B50;
}

.question-content .analysis .question-icon.right .icon-right,
.question-content .analysis .question-icon.error .icon-error {
    display: inline;
} */

/*.question-content .analysis{*/
/*background: #FAFAFA;*/
/*border-radius: 4px;*/
/*padding: 15px 20px;*/
/*line-height: 24px;*/
/*margin-top: 10px;*/
/*position: relative;*/
/*}*/
/*!*题目正确错误标记*!*/
/*.question-content .analysis .question-icon-wrapper{*/
/*position: absolute;*/
/*right: 0;*/
/*top: 0;*/
/*border-radius: 0 4px 0 0;*/
/*overflow: hidden;*/
/*}*/
/*.question-content .analysis .question-icon{*/
/*width: 0;*/
/*height: 0;*/
/*border-top: 28px solid #1A8CFE;*/
/*border-left: 28px solid transparent;*/
/*}*/
/*.question-content .analysis .question-icon.error{*/
/*border-top-color: #FF0000;*/
/*}*/
/*.question-content .analysis .question-icon .icon{*/
/*display: none;*/
/*position: absolute;*/
/*color: #fff;*/
/*top: 2px;*/
/*right: 2px;*/
/*font-size: 12px;*/
/*}*/
/*.question-content .analysis .question-icon.right .icon-right,*/
/*.question-content .analysis .question-icon.error .icon-error{*/
/*display: inline;*/
/*}*/

.question-content .analysis .analysis-row {
  min-height: 24px;
  padding-left: 70px;
  padding-right: 60px;
  position: relative;
}

.question-content .analysis .analysis-row + .analysis-row {
  margin-top: 10px;
}
.question-content .analysis .analysis-row.hidden:first-child + .analysis-row {
  margin-top: 0;
}

.question-content .analysis .analysis-row .analysis-title {
  position: absolute;
  width: 70px;
  left: 0;
  top: 0;
}

/*答案正确*/
.question-content .analysis .analysis-row .analysis-content.right {
  color: #1a8cfe;
}

/*答案错误*/
.question-content .analysis .analysis-row .analysis-content.error {
  color: #ff0000;
}

/* 填空题 答对的空 */
.question-content .analysis .analysis-row .analysis-content.error .right-blank {
  color: #1a8cfe;
}

/*组合题解析*/
.question-content.question-insert .analysis {
  border: 1px solid #dedede;
  border-radius: 4px;
}

/*题干，选项，解析，答案等第一行统一为行内元素，并将默认为无margin*/
.question-content .exam-question p:nth-child(2),
.question-content .answers .words p:nth-child(2),
.question-content .analysis .analysis-content p:first-child {
  display: inline-block;
  max-width: 100%;
}
.question-content .exam-question p:nth-child(2) {
  width: 100%;
}

.question-content .exam-question p,
.question-content .answers .words p,
.question-content .analysis .analysis-content p {
  margin-bottom: 0;
}

/*收藏，标记等等icon*/
.question-content .question-operation {
  width: 15px;
  height: 15px;
  font-size: 15px;
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer;
  color: #1a8cfe;
}

.question-content.question-insert .question-operation {
  top: 20px;
  right: 5px;
}

/*成绩查询批改给分*/
.manmade-mode .question-content .question-operation {
  width: 140px;
  height: auto;
  top: 29px;
  right: -180px;
  background: #fafafa;
  border-radius: 2px;
  padding-left: 20px;
  padding-bottom: 10px;
  line-height: initial;
}

.manmade-mode .question-content .question-operation span {
  color: #3a3e51;
  font-size: 12px;
}
.manmade-mode .question-content .question-operation .question-score {
  display: inline-block;
  width: 60px;
  height: 28px;
  line-height: 28px;
}
.manmade-mode .question-content .question-operation li {
  padding-top: 10px;
}
.manmade-mode.after .question-content .question-operation {
  top: initial;
  bottom: 29px;
}

/*组合题查询批改给分*/
.manmade-mode .question-content.question-insert .question-operation {
  top: -1px;
}

.manmade-mode.after .question-content.question-insert .question-operation {
  top: initial;
  bottom: -1px;
}

.manmade-mode .question-content .question-operation .icon {
  font-size: 14px;
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  color: #d8d8d8;
}

.manmade-mode .question-content .question-operation .icon.icon-right:hover,
.manmade-mode
  .question-content
  .question-operation
  .icon.icon-right.icon-checked {
  background: #1a8cfe;
  color: #fff;
  border-color: #1a8cfe;
}

.manmade-mode .question-content .question-operation .icon.icon-wrong:hover,
.manmade-mode
  .question-content
  .question-operation
  .icon.icon-wrong.icon-checked {
  background: #ff0000;
  color: #fff;
  border-color: #ff0000;
}

.manmade-mode .question-content .question-operation .input-group {
  width: 75px;
  display: inline-table;
}

.manmade-mode .question-content .question-operation .input-group .form-control {
  height: 28px;
  padding: 4px 10px;
}

.manmade-mode
  .question-content
  .question-operation
  .input-group
  .input-group-addon {
  padding: 4px 6px;
}
/* 图片列表 */
.left-side .picture-list {
  width: 240px;
  height: 180px;
  margin-bottom: 10px;
  position: relative;
}

.left-side .picture-list .picture-li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  opacity: 0;
  text-align: center;
}

.left-side .picture-list .picture-li.active {
  opacity: 1;
  z-index: 1;
}

.left-side .picture-list .picture-li .img {
  max-width: 100%;
  max-height: calc(100% - 40px);
}

.left-side .picture-list .picture-li .img-info {
  width: 100%;
  line-height: 40px;
  text-align: center;
  background: #fafafa;
  color: #27274a;
  position: absolute;
  bottom: 0;
  left: 0;
}

.left-side .picture-list .icon {
  opacity: 0.3;
  background: #27274a;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 58px;
  cursor: pointer;
  z-index: 1000;
}

.left-side .picture-list .icon.icon-left {
  left: 5px;
}

.left-side .picture-list .icon.icon-right {
  right: 5px;
}

/****************************逐题模式*****************************************/
/* loading */
.spinner-wrapper {
  z-index: 1041;
}
.exam-onebyone-mode .body-wrapper {
  position: fixed;
  padding: 0;
  left: 220px;
  right: 360px;
  top: 90px;
  bottom: 80px;
  z-index: 1040;
}

.exam-onebyone-mode .body-wrapper .paper {
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
}

.exam-onebyone-mode .paper .questions {
  border: none;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.exam-onebyone-mode .paper .questions .questions-title {
  border: 1px solid #dedede;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 10px;
}
.exam-onebyone-mode.hasIntro .paper .questions .questions-title {
}
.exam-onebyone-mode.hasIntro .paper .questions {
}

.exam-onebyone-mode .paper .questions .questions-content {
  flex: 1;
  padding: 0;
  overflow-y: scroll;
}

.exam-onebyone-mode
  .paper
  .questions
  .questions-content
  .question-content-wrapper {
  width: 50%;
  float: left;
  height: 100%;
}

.exam-onebyone-mode
  .paper
  .questions
  .questions-content
  .question-content-wrapper-r {
  padding-left: 5px;
}

.exam-onebyone-mode
  .paper
  .questions
  .questions-content
  .question-content-wrapper-l {
  padding-right: 5px;
}

.exam-onebyone-mode .paper .questions .questions-content .question-content {
  width: 100%;
  height: 100%;
  padding: 30px 20px;
  position: relative;
  background-color: #fff;
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: auto;
}

.exam-onebyone-mode .paper .questions .questions-content .question-content-l {
  padding: 0;
  padding-bottom: 50px;
}

.exam-onebyone-mode
  .paper
  .questions
  .questions-content
  .question-content-l
  .exam-question-wrapper {
  width: 100%;
  height: 100%;
  padding: 30px 20px;
  padding-bottom: 0;
  overflow: auto;
}

.exam-onebyone-mode .paper .questions .questions-content .question-content-r {
  padding: 20px 10px;
}

.exam-onebyone-mode
  .paper
  .questions
  .questions-content
  .question-content
  .question-index {
  color: #1a8cfe;
  position: absolute;
  left: 0;
  top: 30px;
  display: inline-block;
  width: 40px;
  line-height: 22px;
  text-align: right;
  padding-right: 3px;
  font-size: 16px;
}

.exam-onebyone-mode .question-content .filled .file-list {
  width: 100%;
  padding-right: 30px;
}

.exam-onebyone-mode .question-content .filled .file-list .file-row {
  width: 100%;
}

.exam-onebyone-mode .question-content .additional-bar {
  position: absolute;
  left: 0;
  bottom: 15px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding-right: 20px;
}

.exam-onebyone-mode .question-content .additional-bar .icon-operation {
  display: inline-block;
  cursor: pointer;
  margin-left: 27px;
}

.exam-onebyone-mode .question-content .additional-bar .icon-operation .icon {
  margin-right: 5px;
}

.exam-onebyone-mode
  .question-content
  .additional-bar
  .icon-operation
  .icon-primary {
  color: #1a8cfe;
}

.exam-onebyone-mode
  .question-content
  .additional-bar
  .icon-operation
  .icon-orange {
  color: #fe8545;
}

.exam-onebyone-mode .question-content .record {
  margin: 0;
  padding: 10px;
}

.exam-onebyone-mode .question-content .record .recorder .btn {
  margin-bottom: 10px;
}

/*.questions .questions-content .exam-question,这个样式会遮挡两位数以上的题号*/
.questions .questions-content .answers,
.questions .questions-content .analysis {
  overflow: auto;
}

/*题目换行处理(英文)*/
.questions .questions-title,
.questions .questions-content .exam-question,
.questions .questions-content .answers .words,
.questions .questions-content .analysis .analysis-content {
  /*word-break:break-all;*/
  word-wrap: break-word;
}

/*题干换行问题*/
.questions .questions-content .answers .words {
  position: relative;
  margin-left: 20px;
  display: block;
}

.questions .questions-content .answers .words .words-option {
  position: absolute;
  top: 0px;
  left: -20px;
}

/**********************************************************************/
/*答题卡*/
.modal-number-card {
  width: 520px;
}

.modal-number-card .modal-header {
  height: 30px;
}

.modal-number-card .modal-body {
  padding: 0;
}

.modal-number-card .modal-body .title {
  font-size: 20px;
  color: #666666;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.modal-number-card .modal-body .card-content {
  padding: 0 40px;
}

.modal-number-card .modal-body .card-content .card-content-title {
  font-size: 13px;
  color: #27274a;
  line-height: 17px;
  padding: 10px 0;
}

.modal-number-card .modal-body .card-content .question-intro {
  display: none;
}

.modal-number-card .modal-body .card-content .split {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
}

.modal-number-card .modal-body .card-content .box-list {
  padding-bottom: 10px;
  font-size: 0;
  margin-right: -15px;
}

.modal-number-card .modal-body .card-content .box-list .box {
  font-size: 0;
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 33px;
  padding-bottom: 15px;
  background: #f1f3f8;
  line-height: 12px;
  position: relative;
  margin: 0 3px 6px;
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}

.modal-number-card .modal-body .card-content .box-list .box .iconBox {
  line-height: 18px;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #f1f3f8;
  color: #b4b6bd;
  border-radius: 2px 2px 0 0;
}

/*未答s1*/
.modal-number-card .modal-body .card-content .box-list .box.s1 .iconBox {
  background: #f1f3f8;
}

/*已答s2*/
.modal-number-card .modal-body .card-content .box-list .box.s2 .iconBox {
  background: #1a8cfe;
  color: #fff;
}

/*错误s4*/
.modal-number-card .modal-body .card-content .box-list .box.s4 .iconBox {
  background: #ff4b50;
  color: #fff;
}

/*标记*/
.modal-number-card .modal-footer {
  border-top: 1px solid #e6e6e6;
  padding: 15px 40px;
  text-align: right;
}

/* 刷题模式practice-mode-2 */
/*已答s2*/
.modal-number-card
  .modal-body
  .card-content
  .box-list
  .box.s2.practice-mode-2:not(.right):not(.error)
  .iconBox {
  background: #f1f3f8;
  color: #b4b6bd;
  border-bottom: 1px solid #fff;
}

/*已答s2-right*/
.modal-number-card
  .modal-body
  .card-content
  .box-list
  .box.practice-mode-2.right
  .iconBox {
  background: #1a8cfe;
  color: #fff;
}

/*已答s2-error*/
.modal-number-card
  .modal-body
  .card-content
  .box-list
  .box.practice-mode-2.error
  .iconBox {
  background: #ff4b50;
  color: #fff;
}

.modal-number-card .modal-footer .icon-label {
  font-size: 12px;
  color: #c1c1cb;
}

.modal-number-card .modal-footer .icon-label + .icon-box {
  margin-left: 12px;
}

.modal-number-card .modal-footer .icon-box {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 2px;
  background: #fff;
}

.modal-number-card .modal-footer .icon-box.s1 {
  background: #f1f3f8;
}

.modal-number-card .modal-footer .icon-box.s2 {
  background: #1a8cfe;
}

.modal-number-card .modal-footer .icon-box.s4 {
  background: #ff4b50;
}

.modal-number-card .modal-footer .icon-box.marked {
  color: #1a8cfe;
  font-size: 12px;
}

.modal-number-card .modal-footer .icon-box.collected {
  color: #fe8545;
  font-size: 12px;
}

/*时间调整modal*/
.modal-time-reset .modal-body .delay-time {
  color: #1a8cfe;
  font-size: 26px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.modal-time-reset .modal-body .tip {
  color: #c1c1cb;
  font-size: 16px;
}

/*实时监控栏*/
.control-bar {
  font-size: 18px;
  color: #f1f3f8;
  letter-spacing: 0;
  line-height: 22px;
  position: fixed;
  top: 170px;
  left: -52px;
  width: 52px;
  height: 170px;
  border-radius: 0 4px 4px 0;
  background: #1a8cfe;
  padding: 16px 18px;
  text-align: center;
  cursor: pointer;
}

.control-bar.folded {
  left: 0;
}

.control-bar .icon {
  font-size: 14px;
}

.force-alert {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
}

.web-camera-wrapper {
  position: fixed;
  top: 70px;
  left: 0;
  z-index: 1060;
}

.web-camera-wrapper.folded {
  left: -320px;
}

.web-camera-wrapper.folded .icon {
  right: 0;
}

.web-camera-wrapper .icon {
  color: #fff;
  position: absolute;
  right: -30px;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #1a8cfe;
  cursor: pointer;
}

.left-side {
  position: fixed;
  top: 90px;
  left: 90px;
  width: 240px;
  height: calc(100% - 110px); /*上90px下20px*/
  display: flex;
  flex-direction: column;
}

/* 监控展示区 */
.monit {
  background: #3a3e51;
  margin-bottom: 10px;
}

.monit.checkFail {
  /*border: 1px solid #FF4B50;*/
  border-radius: 4px;
  overflow: hidden;
}

.monit .errorTip {
  position: absolute;
  left: 1px;
  top: 1px;
  background: #ffdbdc;
  width: 238px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #ff4b50;
  z-index: 2;
  text-align: center;
  border-radius: 2px 2px 0 0;
  display: none;
}
.monit.checkFail .errorTip {
  display: block;
}

.monit .camera-container {
  width: 240px;
  height: 180px;
  background: #000;
  position: relative;
}

.monit .camera-container .icon-a_microphone {
  display: none;
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: 10px;
  bottom: 10px;
  top: auto;
  opacity: 0.8;
}

.monit .monit-info {
  padding: 5px 18px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}

.monit .monit-info .abnormal {
  color: #ff4b50;
}

.monit .monit-info .monit-info-item {
  margin: 10px 0;
}

.monit .monit-info .monit-info-item .description {
  font-size: 12px;
  color: #dcdfe6;
  text-align: justify;
  width: 245px;
  display: inline-block;
  transform: scale(0.83);
  transform-origin: 0 0;
  position: relative;
  top: 6px;
}

.monit .monit-info .monit-info-item .operation-container {
  float: right;
  position: relative;
  z-index: 1;
  transform: scale(0.83);
  transform-origin: right;
}
.monit .monit-info .monit-info-item .operation-container:hover .thumbnail-qr {
  display: block;
}
.monit .monit-info .monit-info-item .operation-container .btn-link {
  padding: 0;
  font-size: 12px;
  color: inherit;
}

.monit .monit-info .monit-info-item .operation-container .btn .icon {
  margin-right: 5px;
}

.monit .monit-info .monit-info-item .operation-container .thumbnail-qr {
  position: absolute;
  right: 0;
  padding: 8px 8px 5px;
  border: none;
  border-radius: 2px;
  box-shadow: 0 2px 10px 0 rgba(58, 62, 81, 0.1);
  display: none;
}

.monit
  .monit-info
  .monit-info-item
  .operation-container
  .thumbnail-qr
  .container-qr {
  width: 80px;
  height: 80px;
}

.monit
  .monit-info
  .monit-info-item
  .operation-container
  .thumbnail-qr
  .caption {
  font-size: 12px;
  line-height: 14px;
  color: #6d717c;
  padding: 8px 0 0;
}

/* .monit .abnormal {
    padding: 15px 20px;
    color: #fff; 
    font-size: 14px;
}

.monit .abnormal .count{
    color: #ff4b50;
}
.monit .abnormal .description {
    font-size: 12px;
    text-align: justify;
    margin-top: 6px;
} */

/****************************导出答卷***********************************/
.main.templete-mode {
  padding: 90px 0 80px;
  width: 1000px;
  margin: auto;
}

.templete-mode .header-wrapper {
  position: absolute;
  padding-right: 140px;
  padding-left: 0;
}

.templete-mode .header-wrapper .exam-name {
  padding-right: 20px;
}

.templete-mode .header-wrapper .user {
  right: 0;
  width: 140px;
}

.templete-mode .nav-wrapper {
  position: absolute;
  right: 0;
}

.templete-mode .body-wrapper {
  width: 100%;
}

.templete-mode .body-wrapper .paper {
  border: none;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.templete-mode .paper .questions .questions-content {
  background: #fff;
}

.templete-mode .nav-wrapper .nav.nav-status .menu-item-time {
  height: 91px;
}

.templete-mode .questions-content .filled .keyFill {
  resize: none;
  overflow: initial;
}

/**********************************************************************/

/*btn*/
.btn .btn-icon-left {
  margin-right: 7px;
}

/*交卷进度+弹窗*/
.pc-loading-box {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(58, 62, 81, 0.5);
  z-index: 2000;
}

.pc-loading-box .loading-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 380px;
  height: 198px;
  box-sizing: border-box;
  padding: 40px 65px 32px;
  background: #ffffff;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.pc-loading-box .loading-inner .loading-title {
  text-align: center;
  font-size: 20px;
  color: #27274a;
  margin-bottom: 20px;
  font-weight: 400;
}

.pc-loading-box .loading-inner .loading-num {
  font-size: 10px;
  color: #1a8cfe;
  margin-bottom: 8px;
}

.pc-loading-box .loading-inner .loading-num span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}

.pc-loading-box .loading-inner .loading-bg {
  position: relative;
  background: #f1f3f8;
  border-radius: 3px;
  height: 4px;
}

.pc-loading-box .loading-inner .loading-develop {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0;
  background: #1a8cfe;
}

.pc-loading-box .loading-inner .loading-label {
  font-size: 12px;
  color: #c1c1cb;
  margin-top: 20px;
  text-align: center;
}

/*bootstrap-dialog 模态框样式*/
.bootstrap-dialog .modal-header {
  border-bottom: 0;
}

.bootstrap-dialog .modal-body {
  text-align: center;
}

.bootstrap-dialog .modal-footer {
  border-top: 0;
  margin: 22px 0;
}

.bootstrap-dialog-footer-buttons button.btn {
  border-radius: 4px;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  height: 34px;
  width: 100px;
}

.bootstrap-dialog-footer-buttons button:first-child {
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
  color: #666 !important;
}

.bootstrap-dialog-footer-buttons button:last-child {
  background: #1a8cfe !important;
  border-color: #1a8cfe !important;
  color: #fff !important;
}

.textalign-justify {
  text-align: justify;
}

/*-----------------答题卡样式优化-----------------------*/
.numberCardModal {
  display: inline-block;
  flex: 1;
  height: calc(100% - 400px);
  box-shadow: 0 1px 4px 0 rgba(58, 62, 81, 0.1);
}

.modal-number-card .modal-header {
  height: 20px;
}

.numberCardModal .modal-number-card {
  width: 100%;
  margin: 0;
  height: 100%;
}

.numberCardModal .modal-number-card .modal-body {
  height: calc(100% - 57px); /*减去20px的顶和37px的底*/
}

.numberCardModal .modal-number-card .modal-content {
  height: 100%;
}

.numberCardModal .modal-number-card .modal-content .title {
  position: relative;
  text-align: left;
  margin-left: 20px;
}

.numberCardModal .modal-number-card .modal-content .title .title_border {
  display: inline-block;
  width: 4px;
  height: 18px;
  background: #1a8cfe;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.modal-number-card .modal-body .card-content .box-list {
  position: relative;
  left: -5px; /*题目圆球产生的5px的左填充，需要移动来抵消掉*/
  padding-bottom: 5px;
}

.numberCardModal .modal-number-card .modal-content .title .title_content {
  margin-left: 10px;
}

.numberCardModal .modal-number-card .modal-body .card-content-list {
  /* height: calc(100% - 38px); */
  height: calc(100% - 68px);
  /*减去28px的title和title的10px的margin*/
  overflow: auto;
}

.numberCardModal .modal-number-card .modal-body .card-content {
  padding: 0 20px 0 20px;
  position: relative;
  /*height:calc(100% - 38px); !*减去28px的title和title的10px的margin*!*/
  /*overflow: auto;*/
}

.modal-number-card .box-list .icon-box.question_marked,
.modal-number-card .box-list .icon-box.unsaved_mark,
.modal-number-card .box-list .icon-box.question_collected {
  /*题目标记*/
  position: relative;
  bottom: 0;
  font-size: 12px;
  transform: scale(0.7);
  color: #1a8cfe;
  display: none;
}
.modal-number-card .box-list .icon-box.question_collected {
  color: #fe8545;
}
.modal-number-card .box-list .marked .icon-box.question_marked,
.modal-number-card .box-list .unsaved .icon-box.unsaved_mark,
.modal-number-card .box-list .collected .icon-box.question_collected {
  /*题目标记*/
  display: inline-block;
}
.modal-number-card .box-list .icon-box.unsaved_mark {
  color: #ff4b50;
}
.modal-number-card .modal-footer {
  position: absolute;
  bottom: 0;
  padding: 10px 20px 10px 0px;
  background-color: #fff;
  border: unset;
  right: 0;
  width: 100%;
  box-shadow: 0 -2px 10px 0 rgba(58, 62, 81, 0.1);
}

.modal-number-card .modal-footer .icon-label {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #656577;
}

.numberCardModal .fold_btn {
  width: 20px;
  height: 40px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10px;
  margin: auto;
  z-index: 100;
  line-height: 40px;
  cursor: pointer;
}

.numberCardModal .open_btn {
  width: 20px;
  height: 40px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10px;
  margin: auto;
  z-index: 100;
  line-height: 40px;
  cursor: pointer;
  display: none;
}

.modal-number-card .modal-body .title {
  font-size: 18px;
  padding-bottom: 0px;
}

.modal-number-card .modal-body .card-content .card-content-title {
  padding-bottom: 12px;
  padding-top: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*--------------实时监控优化--------------------*/
#webCamFold {
  right: 0;
}

#webCamBar {
  top: 90px;
  height: 163px;
  width: 66px;
  font-size: 18px;
  text-align: left;
  padding-top: 30px;
}

#webCamBar .fold_btn {
  width: 20px;
  height: 40px;
  background-color: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10px;
  margin: auto;
  z-index: 100;
  line-height: 40px;
  cursor: pointer;
}

#webCamBar .title_border {
  display: inline-block;
  width: 18px;
  height: 4px;
  position: absolute;
  bottom: 0;
  margin: 0;
  top: 20px;
  background-color: #fff;
}

.web-camera-wrapper {
  top: 90px;
}

/*#webcam{*/
/*    width:398px;*/
/*    height:298px;*/
/*}*/
/*#XwebcamXobjectX{*/
/*    width:398px;*/
/*    height:298px;*/
/*}*/

/*---------逐题模式--答题卡优化------------------------------*/
.exam-onebyone-mode .body-wrapper {
  left: 290px;
  bottom: 20px;
}

.body-wrapper {
  padding-right: unset;
  /*min-height: 100%;*/
}

.nav-wrapper {
  right: 105px; /**/
}

/*---------错题本-答题卡优化----------------------------------*/
#numberCardModal.error_check_numcard .btn-box button {
  width: 44px;
}

#numberCardModal.error_check_numcard .btn-box .operation.btn-cancel {
  margin-left: 0px;
}

#numberCardModal.error_check_numcard .modal-footer .box.icon-box.s4 {
  margin-left: 5px;
}

#numberCardModal.error_check_numcard.edit .box.selected {
  background: unset !important;
}

#numberCardModal.error_check_numcard.edit .box.selected .iconBox {
  /*选中的题目变透明*/
  opacity: 0.2;
}

/*答题卡数量进度*/
/*.acard_process{*/
/*    font-size: 10px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    color: #C1C1CB;*/
/*    bottom: 0;*/
/*    margin: auto;*/
/*    display: inline-block;*/
/*    line-height: 37px;*/
/*    right:0;*/
/*}*/
/*.acard_process .q_answered{*/
/*    color: #1A8CFE;*/
/*}*/
/*.modal-number-card .modal-body .card-content .card-content-title{*/
/*    position:relative;*/
/*    font-family: PingFangSC-Medium;*/
/*    font-size: 12px;*/
/*    color:  #27274A;*/
/*    padding-right: 35px;*/
/*}*/

/*逐题模式试题内容屏幕居中*/
.exam-onebyone-mode .body-wrapper {
  right: 290px;
}

.display-block {
  display: block !important;
}

/*手写板*/
.painting-group {
  position: relative;
  padding: 9px 10px !important;
}

.paintingBtn {
  font-size: 12px;
  color: #6d717c;
}

.main.no-numcard.show-handwriting,
.main.show-handwriting {
  padding: 0;
}

body.show-handwriting {
  padding: 0;
}

.painting-group .menu-tip {
  width: 48px;
  height: 26px;
  position: absolute;
  bottom: 0;
  display: block;
}

.painting-group:hover .menu-tip,
.menu-item:hover .menu-tip {
  display: inline;
}

/* 问答题保存 */
.exam-mode .wangEditor-menu-container {
  width: calc(100% - 18px);
}

.exam-onebyone-mode .wangEditor-menu-container {
  width: calc(100% - 6px);
}

.wangEditor-container .menu-group.save-answer {
  float: right;
  width: 44px;
  height: 24px;
  line-height: 24px;
  margin-top: 4px;
  background: #1a8cfe;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  border: 0;
  display: none;
}

.exam-onebyone-mode .wangEditor-container .menu-group.save-answer {
  display: block;
}

.save-answer-tip {
  position: fixed;
  top: 15px;
  left: 50%;
  margin-left: -150px;
  width: 300px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(29, 200, 140, 0.1);
  border: 1px solid rgba(29, 200, 140, 0.2);
  border-radius: 4px;
  font-size: 14px;
  color: #1dc88c;
  z-index: 10000;
  display: none;
}

.save-answer-tip .icon-tip {
  margin-right: 10px;
}

/* 试题中表格超出屏幕 */
.questions table {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

/* 科学计算器 */
.menu-item-calculator .item-label {
  margin-left: 3px;
}
.calculator-modal {
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -218px;
  /*transform: translate(-50%, -50%);*/
  width: 437px;
  height: 674px;
  overflow: hidden;
  background: #fff;
  z-index: 1042;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(58, 62, 81, 0.1);
  display: none;
}
.calculator-modal .title {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: 600;
  padding-left: 20px;
  position: relative;
  cursor: default;
}
.calculator-modal .title .btn-close {
  width: 40px;
  height: 100%;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.calculator-modal .calculator-box {
  width: 437px;
  height: 578px;
}
.calculator-modal .calculator-box p {
  cursor: default;
}

/*手机扫码上传答卷图片*/
#mobileUploadModal .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}
#mobileUploadModal .modal-body .qrcode {
  margin-top: 20px;
  margin-bottom: 10px;
}
#mobileUploadModal .modal-body .introduction {
  font-size: 14px;
  text-align: left;
}

.unsaved-question-tip {
  font-size: 12px;
  color: #ff4b50;
  background: #ffeded;
  padding: 11px 10px;
  text-align: center;
}
.unsaved-question-tip .icons8-help::before {
  content: "?";
  color: #ffffff;
  text-align: center;
  background: #ff4b50;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.nav-status .menu-item-process {
  position: relative;
}
.nav-status .menu-item-process .unsaved-question-tip {
  position: relative;
  left: -10px;
  top: 7px;
  width: 120px;
  text-align: left;
}

.unsaved-question-tip .sync-btn {
  text-decoration: underline;
  cursor: pointer;
}

#manualSaveFailModal .modal-body .content {
  font-size: 14px;
  color: #3a3e51;
  margin: 18px 40px 0;
  text-align: left;
  justify-content: center;
}
/* 有音频播放次数限制的音频 */
.ksx-audio-box {
  color: #3a3e51;
  background: #f2f3f5;
  border-radius: 29.5px;
  height: 45px;
  line-height: 45px;
  padding-left: 24px;
  margin: 10px;
  font-size: 0;
  position: relative;
  width: 300px;
  display: inline-block;
  display: flex;
}
.exam-onebyone-mode .ksx-audio-box {
  width: auto;
  max-width: 300px;
  display: block;
}
.ksx-audio-box .ksx-audio-play {
  display: inline-block;
  vertical-align: top;
}
.ksx-audio-box .ksx-audio-play.ksxAudioIsPlaying {
  /*visibility: hidden;*/
}
.ksx-audio-box .ksx-audio-play .icon {
  cursor: pointer;
  font-size: 14px;
  top: 6px;
}
.ksx-audio-box .ksx-audio-time {
  display: inline-block;
  font-size: 14px;
  width: 122px;
  text-align: center;
  /* margin-left: 10px; */
}
.ksx-audio-box .ksx-audio-progress {
  /* width: calc(100% - 160px); */
  width: 35%;
  height: 4px;
  background: #c1c1cb;
  border-radius: 4px;
  position: absolute;
  right: 28px;
  top: 20px;
}
.ksx-audio-box .ksx-audio-progress .bar {
  height: 100%;
  border-radius: 4px;
  background: #9699a4;
}

/* 判分页、历史页 填空题样式 */
.show-answers .form-control[disabled],
.show-answers .form-control[readonly],
.show-answers fieldset[disabled] .form-control {
  background-color: #fff;
}
.show-answers .questions-content .filled {
  margin-top: 10px;
}
.show-answers .questions-content .filled .keyFill {
  color: #3a3e51;
  border-color: #dcdfe6;
  border-left: 0;
}
.show-answers .questions-content .filled.right-blank .input-group-addon {
  background: rgba(26, 140, 254, 0.1);
  border-color: rgba(26, 140, 254, 0.2);
  border-right: 1px solid rgba(26, 140, 254, 0.2);
}
.show-answers .questions-content .filled.error-blank .input-group-addon {
  background: rgba(247, 99, 119, 0.1);
  border-color: rgba(247, 99, 119, 0.2);
  border-right: 1px solid rgba(247, 99, 119, 0.2);
}
.show-answers .questions-content .filled + .blank-right-ans {
  font-size: 12px;
  color: #6d717c;
  margin-top: 6px;
  padding-left: 60px;
}

/* pc屏幕分享授权指引modal */
.screen-share-modal .modal-dialog {
  width: 605px;
}
.screen-share-modal .modal-content {
  padding: 0 40px 20px;
}
.screen-share-modal .modal-header {
  padding: 30px 0 20px;
  height: auto;
}

.screen-share-modal .modal-title {
  font-size: 20px;
  line-height: 28px;
}

.screen-share-modal .modal-body {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 20px;
}

.screen-share-modal .modal-body .image-container {
  margin: 10px auto;
}

.screen-share-modal .modal-body .image-container img {
  width: 250px;
  height: 240px;
}

.screen-share-modal .modal-body .image-container img:first-child {
  margin-right: 20px;
}

.screen-share-modal .modal-footer {
  position: relative;
  padding: 0;
}

.screen-share-modal .modal-footer .btn {
  width: auto;
  padding: 0 20px;
}

.screen-share-modal .modal-footer a {
  font-size: 12px;
  line-height: 17px;
  color: #1a8cfe;
  text-decoration: underline;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.screen-share-modal .modal-footer a {
  text-decoration: none;
}

/* 上传文件进度条 */
.upload-progress-box {
  white-space: nowrap;
  line-height: 19px;
}
.upload-progress-box .upload-progress-bar {
  width: 60px;
  height: 6px;
  background: #dcdfe6;
  border-radius: 3px;
  margin-top: 7px;
  float: left;
}
.upload-progress-box .upload-progress-bar .active {
  height: 100%;
  display: block;
  background: #1a8cfe;
  border-radius: 3px;
}
.upload-progress-box span {
  font-size: 12px;
  color: #6d717c;
}
.upload-progress-box .percent {
  display: inline-block;
  color: #1a8cfe;
  font-size: 12px;
  transform: scale(0.83);
  margin: 0 7px;
}

/* 题目反馈modal */
.feedback-modal .modal-dialog {
  width: 440px;
  margin-top: 30vh;
}

.feedback-modal .modal-header {
  font-size: 20px;
  line-height: 28px;
  color: #3a3e51;
  text-align: center;
  height: auto;
  padding: 30px 40px 20px;
}

.feedback-modal .modal-body {
  padding: 0 40px 30px;
}

.feedback-modal .modal-body label {
  font-size: 12px;
  line-height: 17px;
  color: #6d717c;
  font-weight: normal;
  display: block;
  margin: 0;
}

.feedback-modal .modal-body textarea {
  font-size: 12px;
  line-height: 17px;
  color: #b4b6bd;
  width: 100%;
  padding: 10px 15px;
  margin-top: 10px;
  border-color: #dcdfe6;
  border-radius: 4px;
  resize: none;
}

.feedback-modal .modal-footer {
  padding: 0 40px 30px;
}

.feedback-modal .modal-footer .btn {
  font-size: 14px;
  line-height: 20px;
  padding: 7px 36px;
  margin: 0;
}

.feedback-modal .modal-footer .btn:not(:last-child) {
  margin-right: 14px;
}

.feedback-modal .modal-footer .btn.close {
  color: #6d717c;
  float: none;
  background: #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  opacity: 1;
}

.feedback-modal .modal-footer .btn.close:hover {
  opacity: 0.8;
}

/* 公试题预览modal */
.formula-preview-modal .modal-dialog {
  padding: 50px auto;
}

.formula-preview-modal .modal-dialog .modal-header {
  height: auto;
  padding: 30px 40px;
}

.formula-preview-modal .modal-header .modal-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
}

.formula-preview-modal .modal-body {
  padding: 0 40px 20px;
}

.formula-preview-modal .modal-body .body-content {
  min-height: 200px;
  padding: 20px;
  background: #f1f3f8;
}

.formula-preview-modal .modal-footer {
  padding: 0 40px 30px;
}
.formula-preview-modal .modal-footer .btn-close {
  font-size: 14px;
  line-height: 20px;
  color: #666;
  padding: 7px 36px;
  background: #f2f2f2;
  border: none;
  border-radius: 0;
}

/* 通话状态messge */
.ksx-message.call-status {
  min-width: 300px;
}

.ksx-message.call-status.success {
  border-color: #bfefde;
  background-color: #e8f9f3;
  color: #1dc88c;
}

.ksx-message.call-status.warning {
  border-color: #fedbca;
  background-color: #fef2ec;
  color: #fe8545;
}

.ksx-message.call-status .ksx-message__icon {
  display: none;
}

.ksx-message.call-status .ksx-message__content {
  margin-left: 10px;
  color: inherit;
  font-weight: 500;
}

/* 监考人员巡视卡片 */
.invigilator-card {
  position: fixed;
  right: 0;
  bottom: 200px;
  width: 128px;
  text-align: center;
  transition: transform 1s;
}

.invigilator-card.collapsed {
  transform: translateX(100%);
}

.invigilator-card .header {
  position: relative;
  padding: 10px 0;
  background-color: #1a1d2e;
  font-size: 12px;
  line-height: 17px;
  color: #fff;
}

.invigilator-card .header .icon-a_drag {
  padding: 2px;
  background-color: inherit;
  border: 1px solid #5b6398;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
}

.invigilator-card .header .drag-tag .icon {
  background-color: inherit;
}

.invigilator-card .body {
  height: 64px;
  background-color: #212540;
  background-size: cover;
  border: 1px solid #5b6398;
}

.invigilator-card .body .invigilator-stream-container {
  height: 100%;
}

.invigilator-card .footer {
  padding: 10px 0;
  background-color: #1a1d2e;
  font-size: 12px;
  line-height: 17px;
  color: #1dc88c;
}

.invigilator-card .footer .text {
  display: inline-block;
  transform: scale(0.85);
}

/* 消息提醒modal */
.remind-modal .modal-body {
  font-size: 14px;
  color: #3a3e51;
  max-height: 450px;
  padding: 0 40px;
  overflow: auto;
}

.remind-modal .modal-body img {
  max-width: 100%;
  max-height: 150px;
  vertical-align: bottom;
}

.remind-modal .modal-dialog {
  width: 440px;
}

.remind-modal .modal-header {
  font-size: 20px;
  color: #3a3e51;
  padding-top: 50px;
  height: 90px;
  text-align: center;
}

.remind-modal .modal-footer {
  padding: 20px 0;
  /* box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .1); */
}

/* 提醒记录modal */
.remind-record-modal {
  font-size: 20px;
  color: #3a3e51;
}

.remind-record-modal .modal-dialog {
  width: 440px;
  text-align: center;
}

.remind-record-modal .modal-header {
  height: auto;
  padding-top: 30px;
  padding-bottom: 6px;
}
.remind-record-modal .modal-header .close {
  margin-top: -17px;
  font-size: 12px;
}
.remind-record-modal .modal-body {
  padding: 0 40px;
  font-size: 14px;
  color: #3a3e51;
  min-height: 400px;
  max-height: 400px;
  overflow-y: auto;
}
.remind-record-modal .modal-body .empty {
  text-align: center;
  margin-top: 100px;
}
.remind-record-modal .modal-body .remind {
  border-bottom: 1px solid #f1f3f8;
  text-align: left;
}
.remind-record-modal .modal-body .time {
  display: block;
  font-size: 12px;
  color: #b4b6bd;
  margin-bottom: 5px;
  margin-top: 12px;
}
.remind-record-modal .modal-body .text {
  margin-bottom: 12px;
}

.remind-record-modal .modal-body img {
  max-width: 100%;
  max-height: 150px;
  vertical-align: bottom;
}
